<template>
	 <div class="activiesBar canpaginBar" v-if="activitiesBar">
        <div class="activeTit">
            促销活动
        </div> 
        <div style="height:13.5rem;overflow:auto;width:100%;">
            <RegularList v-for="(item,index) in activitiesBar.RegularList" :key="index+1000" :regularList="item"></RegularList>
            <FixedList v-for="(item,index) in activitiesBar.fixedPackageList" :key="index+1000" :FixedList="item"></FixedList>
            <Promotions v-for="(item,index) in activitiesBar.promotionalList" :key="index+1000" :promotions="item"></Promotions>
        </div>
        <!-- <Coupons v-for="(item,index) in activitiesBar.couponList" :key="index" :coupons="item"></Coupons>   -->
    </div>
</template>
<script>
    import RegularList from './RegularList';
    import FixedList from './FixedList';
    import Coupons from './Coupons';
    import Promotions from './Promotions';
	export default {
		props: {
            activitiesBar: {
                type: Object,
                default: {}
            },
        },
        components:{
            RegularList,
            FixedList,
            Coupons,
            Promotions
        },
		data () {
			return {

			}
		},
		computed: {

		},
		methods: {

        },
        created () {

        },
        mounted () {
        },
        beforeDestroy() {

        },
        watch: {
            activitiesBar(newVal){
                console.log("msg comming")
            }
        }

	}
</script>

<style scoped>
    .canpaginBar{
        padding-bottom: 0.5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .activeTit{
        height: 1.6rem;
        width:100%;
        border-bottom:1px solid #F2F2F2;
        line-height: 1.6rem;
        font-size: .8rem;
    }
</style>


